/* color palette from <https://github.com/vuejs/theme> */
:root {
	--vt-c-white: #000000;
	--vt-c-top-menu-color: #fff;
	--vt-c-menu-color: #000000;
	--vt-c-white-soft: #f8f8f8;
	--vt-c-white-mute: #f2f2f2;
	--vt-content-bg: #f5f5f5;
	--vt-aside-bg: rgba(58, 120, 242, 1);
	--vt-c-black: #f5f5f5;
	/* --vt-c-black: rgba(58, 120, 242, 1); */
	--vt-c-black-soft: #222222;
	--vt-c-black-mute: #282828;
	--vt-c-active-primary: #1890ff;
	--vt-c-indigo: #000000e6;
	/* --vt-c-indigo: #2c3e50; */
	--el-bg-color: #fff;
	--el-color-primary: rgba(0, 82, 217, 1);

	--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
	--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
	--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
	--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

	--vt-c-text-light-1: var(--vt-c-indigo);
	--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
	--vt-c-text-dark-1: var(--vt-c-white);
	--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
	--el-text-color-primary: #000;
	--el-text-color-regular: #1C1C28;
  --htmlLabelLeft:0;
  --htmlLabelBottom:10px;
}

/* semantic color variables for this project */
:root {
	--color-background: var(--vt-c-black);
	--color-background-soft: var(--vt-c-white-soft);
	--color-background-mute: var(--vt-c-white-mute);

	--color-border: var(--vt-c-divider-light-2);
	--color-border-hover: var(--vt-c-divider-light-1);

	--color-heading: var(--vt-c-text-light-1);
	--color-text: var(--vt-c-text-light-1);

	--table-header-bg-color: #f5f5f5;
	/* --table-header-bg-color: rgba(0, 0, 0, 0.1); */
	--section-gap: 160px;
	--font-size-base: 16px;
	--w-left-gap: 200px;
	--visibility: hidden;
	--vt-nav-aside-width: 300px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
}
#app {
  width: 100%;
  height: 100%;
  position: absolute;
}

body {
	min-height: 100vh;
	color: var(--color-text);
	background: var(--color-background);
	transition: color 0.5s, background-color 0.5s;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #000000e6;
}
.luckysheet-input-box {
	z-index: 10000000000;
}

.luckysheet-cols-menu {
	z-index: 9004 !important;
}
.luckysheet-input-box {
	z-index: 3000 !important;
}
.luckysheet-wa-editor {
	z-index: 2005 !important;
}
.luckysheet-modal-dialog-slider {
	z-index: 2005 !important;
}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/** 滚动条 */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/** 滚动条轨道 */
::-webkit-scrollbar-track {
	background: none;
}

/** 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
	min-height: 28px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.3);
	background-clip: padding-box;
}

/** 滚动条没有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
	opacity: 0;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.4);
}

.w-e-modal {
  z-index: 100000 !important;
  left:45% !important;
  top:0;
  width:450px !important
}
@font-face {
	font-family: 'YouSheBiaoTiHei';
	src: url('//aplid-oss.oss-cn-shanghai.aliyuncs.com/font/youshebiaotihei.woff');
}
/* @font-face {
	font-family: 'PingFangHeavy';
	src: url('//aplid-oss.oss-cn-shanghai.aliyuncs.com/font/pingfangheavy.woff');
}
@font-face {
	font-family: 'PingFangMedium';
	src: url('//aplid-oss.oss-cn-shanghai.aliyuncs.com/pingfang-medium.woff');
} */
/* @font-face {
	font-family: 'PingFangBold';
	src: url('//aplid-51.oss-cn-hangzhou.aliyuncs.com/1692771017006_1188e200.woff');
} */
